import ClueInfo from '@/components/Desc/ClueInfo';
import Cases from '@/components/Table/Cases';
import RelationShip from '@/components/Table/Relationship';
import TimeArea from '@/components/Table/TimeArea';
import { Card, Col, Row } from 'antd';

export default () => {
  return (
    <div>
      <Card title="核验结果">
        <Row gutter={[10, 10]}>
          <Col span={16}>
            <Card title="线索信息">
              <ClueInfo></ClueInfo>
            </Card>
          </Col>

          <Col span={8}>
            <Card title="结果总览">
              <Card title="置信度" className="flex-center">
                <h2>100</h2>
              </Card>
            </Card>
          </Col>
        </Row>
      </Card>
      <Card title="比对明细" className="mt10">
        <Card className="mt10" title="轨迹对比（匹配程度90）">
          <TimeArea
            data={[
              {
                time: '2023-03-12',
                area: '广州市·白云区',
                address: 'xxx',
                location: 'xxx',
                event: '住宿登记',
              },
              {
                area: '佛山市-xx区',
                event: '刑事指纹采集',
              },
            ]}
          ></TimeArea>
        </Card>

        <Card title="关系对比（匹配程度90）">
          <RelationShip
            data={[
              {
                time: '2023-03-12',
                relationshop: '时空伴随',
              },
              {
                time: '2023-03-12',
                relationshop: '时空伴随',
              },
            ]}
          ></RelationShip>
        </Card>
        <Card title="案件对比（匹配程度90）" className="mt10">
          <Cases
            data={[
              {
                time: '2023-03-12',
                area: '广州市-白云区',
                address: 'xxxxxx',
                caseType: '盗窃罪',
              },
              {
                time: '2023-04-25',
                area: '广州市-白云区',
                address: 'xxxxxx',
                caseType: '强奸罪',
              },
              {
                time: '2023-02-25',
                area: '广州市-白云区',
                address: 'xxxxxx',
                caseType: '盗窃罪',
              },
              {
                time: '2023-02-25',
                area: '广州市-白云区',
                address: 'xxxxxx',
                caseType: '危险驾驶',
              },
            ]}
          ></Cases>
        </Card>
        <Card className="mt10" title="物件对比（匹配程度0）">
          <TimeArea data={[]}></TimeArea>
        </Card>
      </Card>
    </div>
  );
};
